<!DOCTYPE html>
<html lang="en">
        <head>
                <meta charset="UTF-8">
                <title>Title</title>
        </head>
        <body>
        <%= require('./common/top.htm') %>

        <div id="Content">



                <div id="mainCart">
                        <div id="BackLink">
                                <a href="./catalog-main.html">Return to Main Menu</a>
                        </div>
                        <div id="Cart">
                                <div class="Cart">
                                        <h2>Shopping Cart</h2>
                                        <form action="/cart/updateCartQuantities" method="post">
                                                <script>
                                                        function updateCart() {
                                                        var btn = document.getElementById("update");
                                                        btn.click();
                                                        }
                                                </script>
                                                
                                                <table>

                                                        <tr>
                                                                <th><b>Item ID</b></th>
                                                                <th><b>Product ID</b></th>
                                                                <th><b>Description</b></th>
                                                                <th><b>In Stock?</b></th>
                                                                <th><b>Quantity</b></th>
                                                                <th><b>List Price</b></th>
                                                                <th><b>Total Cost</b></th>
                                                                <th>&nbsp;</th>
                                                        </tr>


                                                        <tr id="showCart">
                                                                <td colspan="8"><b>Your cart is empty.</b></td>
                                                        </tr>


                                                        <tr>
                                                                <td>
                                                                        <a>itemId</a>
                                                                </td>
                                                                <td>productId</td>
                                                                <td></td>
                                                                <td>inStock</td>
                                                                <td>
                                                                        <label>
                                                                        <input type="text" onchange="updateCart()"/>
                                                                        </label>
                                                                </td>
                                                                <td pattern="$#,##0.00">2.33</td>
                                                                <td pattern="$#,##0.00">2.33</td>
                                                                <td>
                                                                        <a class="Button">Remove</a>
                                                                </td>
                                                        </tr>

                                                        <tr>
                                                                <td colspan="7"   pattern="$#,##0.00">Sub Total: 0.00</td>
                                                                <td><input type="button" id="update-btn" value="Update Cart"/></td>
                                                        </tr>
                                                </table>
                                        </form>
                                </div>
                                <div id="Separator">&nbsp;</div>
                        </div>
                </div>

        <%= require('./common/bottom.htm') %>

        </body>
</html>